<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    title?: string;
  }>(),
  {
    title: "#"
  }
);
</script>

<template>
  <el-card shadow="hover" class="info-container">
    <template v-if="props.title != '#'" #header>
      <div class="container-header">
        <span>{{ props.title }}</span>
      </div>
    </template>
    <div class="info-content">
      <slot></slot>
    </div>
  </el-card>
</template>

<style lang="scss" scoped>
.info-container {
  width: 100%;
  // height: 93.5vh;
  padding: 0;
  overflow: auto;
  span {
    font-weight: bold;
  }
}
</style>
